@charset 'utf-8';

.opc{
    opacity: 1 !important;
}

.footer{
   
    .footer-info{
        .container{
            .footer-searve{
             padding: 27px 0;
            border-bottom: 1px solid #e0e0e0;
                height: 80px;
            .footer-list{
                li:first-child{
                    border-left: 0;
                }
                li{
                    float: left;
                    width: 19.8%;
                    height: 25px;
                    font-size: 16px;
                    line-height: 25px;
                    text-align: center;
                    border-left: 1px solid #e0e0e0;
                }
                li:hover{
                    color: orange;
                }
            }
            }
            .footer-link{
                padding: 40px 0;
                height: 252px;
                .col-link{
                    float: left;
                    width: 160px;
                    margin: 0;
                    dt{
                        margin: -1px 0 26px;
                        font-size: 14px;
                        line-height: 1.25;
                        color: #424242;
                    }
                    dd{
                        margin: 10px 0  0   ;
                    }
                    a{
                        color: #757575;
                    }
                    a:hover{
                        color: orange;
                    }
                }
                .col-contact{
                    float: right;
                    width: 251px;
                    height: 111px;
                    border-left:1px solid #e0e0e0 ;
                    text-align: center;
                    color: #616161;
                    .phone{
                        font-size: 22px;
                        line-height: 1;
                        color: #ff6700;

                    }
                    p{
                        margin-bottom: 5px;
                        font-size: 12px;
                    }
                    >a{
                        border: 1px solid #b0b0b0;
                        display: inline-block;
                        border-color: #ff6700;
                        color: #ff6700;
                        background: #fff;
                        width: 118px;
                        height: 28px;
                        font-size: 12px;
                        line-height: 28px;
                        cursor: pointer;
                    }
                    .follow{
                        margin-top: 10px;
                        font-size: 12px;
                        position: relative;
                        a{
                            height: 24px;
                            width: 24px;
                            display: inline-block;
                            margin-top: -3px;
                            margin-left: 6px;
                            vertical-align: middle;
                            color: black  ;
                            img{
                                width: 126px;
                                height: 126px;
                                position: absolute;
                                top: 20px;
                                left: 100px;
                                display: none;
                            }
                        }
                       
                        a:hover{
                            color: orange;

                        }
                        a:hover img{
                            display: block;
                        }
                    }
                }
            }
        }
    }
    .site-info{
        padding: 30px 0;
        font-size: 12px;
        background: #fafafa;
        .container{
            .logo1{
                width: 56px;
                height: 56px;
                margin-right: 10px;
                background: url(../img/logo.png) no-repeat ;
                background-size: 56px;
                display: block;
                text-align: left;
                text-indent: -9999em;
                overflow: hidden;  
                float: left; 
            }
        }
        .site-for{
            clear: both;
            margin: 30px auto 0;
            width: 100%;
            height: 19px;
            background: url(../img/foot-logo.png) no-repeat center 0;
            display: block;
            text-align: left;
            text-indent: -9999em;
            overflow: hidden;
            
        }
        .site-text{
            color: #b0b0b0;
            padding-left: 67px;
            .sites{
                margin: 0;
                line-height: 18px;
                a{
                    color: #757575;

                }
                a:hover{
                    color: orange;
                }
                span{
                    margin: 0;
                }
            }
            p{
                color: #b0b0b0;
                a{
                    color: #b0b0b0;
                }
                a:hover{
                    color: orange;
                }
            }
        }
        .info-link{
            height: 28px;
            margin: 4px 0 15px;
            padding-left: 67px;     
          
            a{
                display: inline-block;
                img{
                    width: auto;
                    height: 28px;
                    margin-left: 0;
                }
            }
            .info-link-a{
                width: 150px;
                height: 28px;
                overflow: hidden;
                margin-left: 5px;
                position: relative;
                img{
                    position: absolute;
                    top: 0 ;
                    left: 0;
                }
                .info-img1{
                    opacity: 0;
                }
                .info-img2{
                    opacity: 0;
                }
            }
        }
    }
}
.home-bar-large{
    position: fixed;
    bottom: 70px;
    right: 0;
    .top{
        margin-top: 20px;
    }
    a{
        position: relative;
        display: block;
        width: 82px;
        height: 90px;
        margin-top: -1px;
        background-color: #fff;
        border: 1px solid #f5f5f5;
        text-align: center;
        
        .icon{
            position: relative;
            width: 30px;
            height: 30px;
            margin: 0 auto 8px;
            margin-top: 18px;
            .static{
                position: absolute;
                bottom: 0;
                left: 0;
                width: 30px;
                height: 30px;
                opacity: 1;
            }
            .hover{
                position: absolute;
                bottom: 0;
                left: 0;
                width: 30px;
                height: 30px;
                opacity: 0;
            }

        }
      
        .text{
            color: #757575;
            text-align: center;
        }
       
        .pop{
            position: absolute;
            top: -21px;
            right: 100px;
            padding: 14px;
            background: #fff;
            display: none;
            border: 1px solid #f5f5f5;
            img{
                display: block;
                width: 100px;
                height: 100px;
                margin: 6px auto;

            }
            span{
                display: block;
                width: 82px;
                margin: 14px auto 0;
                color: #757575;
                text-align: center;
            }
        }

    }
    a:hover .static{
        opacity: 0;
    }
   a:hover .hover{
        opacity: 1;
        
    }
    a:hover .text{
        color: #ff6700;
    }
    a:hover .pop{
        display: block;
    }
}